<html>

	<head>
		<title>计算器</title>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="container" id="div_1">
			<div class="row">
				<div class="col-md-12" id="result">
				</div>
			</div>
			<div class="row">
				<div class="col-md-6" onclick="calcut(this)" id="clear">清屏</div>
				<div class="col-md-3" onclick="calcut(this)" id="history">M</div>
				<div class="col-md-3" onclick="calcut(this)" id="/"> / </div>
			</div>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/calculator.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index3.js"></script>
		<script type="text/javascript">
			var arr = new Array("7", "8", "9", " * ", "4", "5", "6", " - ", "1", "2", "3", " + ", "0", ".", "back", "=");
			var content='';
			var index = 0;
			for(var i = 1; i <= 4; i++) {
				content+="<div class=\"row\">";
				for(var j = 1; j <= 4; j++) {
					content+="<div class=\"col-md-3\" onclick=\"calcut(this)\" "+"id="+arr[index]+">"+arr[index++]+"</div>";
				}
				content+="</div>";
			}
			$("#div_1").append(content);
		</script>
	</body>

</html>